/*头部*/

/*$$

{"color":[{"val":"#ffffff","title":"导航文字+下拉列表选中"},

{"val":"#999999","title":"下来列表颜色"},

{"val":"#0041e6","title":"导航鼠标滑过文字颜色"}],

"background":[{"val":"#0041e6","title":"导航选中底色"},

{"val":"#ffffff","title":"下拉列表选中"}],

"border":[{"val":"#ececec","title":"下拉列表底边框"}]}

$$*/



#header_144 {

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 9999;

}

#header_144 .lan {
	position: absolute;
	display: flex;
	justify-content: space-evenly;
	width: 100px;
	top: 31px;
	right: 50px;
}

#header_144 .lan a {
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
}

#header_144 .lan .sel {
	border-bottom: rgb(235 235 235) solid 1px;
}

#header_144 .logo_a {
	display: none;
}

.header_chose {
	background: #fff;
	border-bottom: rgb(235 235 235) solid 1px;
}

.header_chose a {
	color: #999999 !important;
}

.header_chose a:hover {
	color: #0041e6 !important;
}



#header_144 .headerBody {

	width: 1200px;

	margin: 0 auto;

	border-bottom: rgba(255, 255, 255, 0.21) solid 1px;

	height: 90px;

}



#header_144 #headerWap {

	display: none;

}



#header_144 .headerImg {

	height: 100%;

	display: flex;

	align-items: center;

	width: auto;

	max-width: 30%;

	float: left;

}



#header_144 .headerImg img {

	width: auto;

	height: auto;

	max-height: 60%;

	max-width: 100%;

	object-fit: contain;

}



#header_144 .headerNav {

	width: 65%;

	float: right;

	height: 100%;

}



#header_144 .headerNav ul {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



#header_144 .headerNav ul li {

	font-size: 14px;

	text-align: center;

	line-height: 90px;

	margin-bottom: 1px;

	position: relative;

	flex: 1;

}



#header_144 .headerNav ul li a {

	color: #fff;

	display: block;

	width: 100%;

	cursor: pointer;

	text-shadow: none;

	position: relative;

}

/* #header_144 .headerNav ul li a::before{
	color: #ffffff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform .8s, opacity .5s;
	-moz-transition: -moz-transform .8s, opacity .5s;
	transition: transform .8s, opacity .5s;
	pointer-events: none;
} */



/* #header_144 .headerNav ul li:hover a::before{

	color:#ffffff ;
	opacity: 0;
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
} */



/* #header_144 .headerNav ul li::after{

	position: absolute;

	content: '';

	left:0;

	bottom: 15px;

	height: 1px;

	width: 0;

	background: #ffffff;

	transition: width .3s ease;

} */

#header_144 .headerNav ul li:hover::after {

	width: 100%;

}



#header_144 .headerNav ul li:hover .headerList {

	display: block;

}

#header_144 .headerNav ul li .headerList {

	width: 150%;

	display: none;

	background: #ffffff;

	position: absolute;

	top: 85px;

	left: 50%;

	margin-left: -75%;

}



#header_144 .headerNav ul li .headerList a {

	padding: 0 6px;

	border-bottom: #ececec dashed 1px;

	text-align: center;

	line-height: 50px;

	font-size: 14px;

	color: #999999;

	position: relative;

	height: 50px;

}

#header_144 .headerNav ul li .headerList a i {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

}

#header_144 .headerNav ul li .headerList a::after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	width: 100%;

	height: 0;

	background: #0041e6;

	transition: height .8s ease;

}

#header_144 .headerNav ul li .headerList a:hover::after {

	height: 100%;

}

#header_144 .headerNav ul li .headerList a:hover i {

	color: #ffffff;

}

#header_144 .headerNav ul li .headerList a:last-child {

	border-bottom: none;

}

#header_144 .navBtn {

	width: 70px;

	height: 60px;

	float: right;

	cursor: pointer;

	position: relative;

	margin-right: 3%;

}



#header_144 .navBtn .span_0 {

	position: absolute;

	width: 30px;

	right: 0;

	background: #262626;

	height: 3px;

	top: 50%;

	-webkit-transition: all .25s ease;

	transition: all .25s ease;

}



#header_144.cur .navBtn .span_0 {

	background: #26334c;

}



#header_144 .navBtn.cur .span_0 {

	top: 46%;

}



#header_144 .navBtn.cur .span_0.span_1 {

	-webkit-transform: rotate(-45deg) translateY(-50%);

	transform: rotate(-45deg) translateY(-50%);

}



#header_144 .navBtn.cur .span_0.span_2 {

	opacity: 0;

}



#header_144 .navBtn.cur .span_0.span_3 {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



#header_144 .navBtn .span_0.span_1 {

	top: 35%;

}



#header_144 .navBtn .span_0.span_2 {

	top: 50%;

	width: 30px;

}



#header_144 .navBtn .span_0.span_3 {

	top: 65%;

}





/* 右侧菜单 */

/* 右侧菜单 */

#header_144 #menuClosed {

	color: #000;

}

#header_144 .menu-item {

	border-bottom: #dfe0e1 1px solid;

}

#header_144 .menu-list li .dropdown_menu a {

	color: #0041e6;

}

#header_144 .menu-title {

	color: #0041e6;

}

#header_144 .menu-title a {

	color: #0041e6;

}

#header_144 .menu-item.up .itemClick {

	background: url(/static/images/HD00009_03.png) no-repeat right center;

	background-size: auto 10px;

}

#header_144 .menu-item.active .itemClick {

	color: #0041e6;

	background: url(/static/images/HD00009_02.png) no-repeat right center;

	background-size: auto 10px;

}

#header_144 .menu-c-d {

	background: url(/static/images/HD00009_04.png) no-repeat;

	color: #26334c;

}





/*banner*/



#banner_144 {

	width: 100%;

	position: relative;

	z-index: 8;

	overflow: hidden;

	position: relative;

}

#banner_144 #wapBanner {

	display: none;

}

#banner_144 .swiper {

	width: 100%;

}



#banner_144 .swiper-slide {

	width: 100%;

	height: auto;

}



#banner_144 .swiper-slide img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



#banner_144 .swiper-slide video {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



#banner_144 #wapBana {

	display: none;

}

#banner_144 .bannerSwiper {

	display: block;

}

#banner_144 .silderImg {

	width: 100%;

	height: 100%;

	position: relative;

}

#banner_144 .silderImg .project {

	width: 100%;

	height: 100%;

	background-size: cover;

}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

	width: 28px;

	background: #0b308e;

	border-radius: 20px;

	padding: 12px 8px;

	position: absolute;

	bottom: 50px;

	z-index: 999;

	left: 75%;

}



.swiper-pagination-bullet {

	width: 14px;

	height: 14px;

	margin: 2px 0 !important;

	background: #fff;

}


#pcBana {
	position: relative;
	width: 100%;
	height: 100%;
}

#pcBana {
	display: block;
}

#wapBana {
	display: none;
}

.bannerSwiper .sBox {
	position: relative;
	overflow: hidden;
}

.bannerSwiper .sBox .text {
	position: absolute;
	width: 900px;
	top: 50%;
	z-index: 10;
	color: #fff;
	transform: translate(-50%, -50%);
}

.bannerSwiper .sBox .text .title-1 {
	font-size: 60px;
	font-weight: bold;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.2s;
	color: #fff;

}

.bannerSwiper .sBox .text .title-2 {
	font-size: 24px;
	padding-top: 20px;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.5s;
	color: #fff;
}

.bannerSwiper .sBox .text .viewmore-3 {
	margin-top: 60px;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.9s;
	overflow: hidden;
}

.bannerSwiper .swiper-slide-active .text .title-1,
.bannerSwiper .swiper-slide-active .text .title-2,
.bannerSwiper .swiper-slide-active .text .viewmore-3 {
	transform: translateY(0px);
	opacity: 1;
}

.bannerSwiper .swiper-slide-active .img {
	animation: bigimgani 5000ms infinite ease-out;
}

.bannerSwiper .sBox.center .text {
	left: 50%;
	text-align: center;
}

.bannerSwiper .sBox.center .text .viewmore-3 {
	margin: 60px auto auto;
}

.bannerSwiper .pagination {
	width: 100px;
	left: auto;
	right: 2%;
	bottom: 5%;
	text-align: right;
}

.bannerSwiper .pagination span.swiper-pagination-bullet {
	background: #fff;
	border-radius: 0;
	width: 1px;
	height: 20px;
	transition: all .4s ease;
	margin: 0 7px;
	opacity: 1;
}

.bannerSwiper .pagination span.swiper-pagination-bullet-active {
	height: 30px;
}

.bannerSwiper .btnNext,
.bannerSwiper .btnPrev {
	bottom: 4%;
	top: auto;
	background: none;
	z-index: 30;
}

.bannerSwiper .btnNext::after,
.bannerSwiper .btnPrev::after {
	display: none;
}

.bannerSwiper .btnNext::before,
.bannerSwiper .btnPrev::before {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
}

.bannerSwiper .btnNext::before {
	content: 'NEXT';
}

.bannerSwiper .btnPrev::before {
	content: 'PREV';
}

.bannerSwiper .btnNext {
	left: auto;
	right: 50%;
	margin-right: -200px;
}

.bannerSwiper .btnPrev {
	left: 50%;
	right: auto;
	margin-left: -200px;
}

.bannerSwiper .bannerScroll {
	width: 62px;
	height: 26px;
	position: absolute;
	left: 2%;
	bottom: 5%;
	z-index: 20;
	background: url('../images/icon/bana_01_01.png') center no-repeat;
}

.bannerSwiper .bannerBar {
	width: 260px;
	height: 2px;
	position: absolute;
	bottom: 6%;
	left: 50%;
	margin-left: -130px;
	z-index: 20;
}

.bannerSwiper .bannerBar::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #fff;
	left: 0;
	top: 0;
	opacity: .2;
	z-index: 5;
}

.bannerSwiper .bannerBar::before {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 10;
	-webkit-animation: w100 5000ms infinite ease;
	animation: w100 5000ms infinite ease;
}

@keyframes w100 {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes bigimgani {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.bannerSwiper .viewmore-3 {
	width: 215px;
	display: block;
	margin: 0;
}

.bannerSwiper .viewmore-3 a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 17px 0 17px 0;
	overflow: hidden;
	border: rgba(255, 255, 255, .2) 1px solid;
}

.bannerSwiper .viewmore-3 span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
	letter-spacing: 2px;
}

.bannerSwiper .viewmore-3 i {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 14px;
	background: url(../images/icon/bana_01_02.png) center no-repeat;
}

.bannerSwiper .viewmore-3 a:hover {
	border: rgba(255, 255, 255, 1) 1px solid;
}

@media screen and (max-width:1200px) {

	#header_144 .headerBody {

		width: 90%;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {

		left: 90%;

	}

	.bannerSwiper .sBox .text .title-1 {
		font-size: 50px;
	}

	.bannerSwiper .sBox .text .title-2 {
		font-size: 18px;
	}

	.bannerSwiper .sBox .text {
		width: 100%;
		padding: 0 20px;
		transform: translate(-50%, -50%);
	}

	#pcBana {
		display: block;
	}

	#wapBana {
		display: none;
	}

}



/* ipad */

@media screen and (max-width:992px) {

	#header_144 .headerBody {

		width: 90%;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {

		left: 90%;

	}

}

/* 手机 */

@media screen and (max-width: 767px) {

	#pcBana {
		display: none;
	}

	#wapBana {
		display: block;
		margin-top: 60px;
	}


	#header_144 .lan {
		position: absolute;
		display: flex;
		justify-content: space-evenly;
		width: 70px;
		right: 75px;
		top: 15px;
	}

	#header_144 .lan a {
		color: #999999;
	}

	#header_144 .logo_w {
		display: none;
	}

	#header_144 {

		background: #ffffff;

	}

	#header_144 .headerBody {

		width: 90%;

		height: 60px;

	}

	#header_144 #headerPc {

		display: none;

	}

	#header_144 #headerWap {

		display: block;

	}

	#header_144 .headerImg {

		max-width: 55%;

		height: 60px;

	}

	#banner_144 {

		padding-top: 61px;

	}

	#banner_144 #pcBanner {

		display: none;

	}

	#banner_144 #wapBanner {

		display: block;

	}

	.swiper-pagination-bullet {

		width: 6px;

		height: 6px;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {

		width: 21px;

		left: 90%;

		bottom: 35%;

	}

	.bannerSwiper .sBox .text .title-1 {
		font-size: 20px;
		line-height: 40px;
		height: 40px;
		overflow: hidden;
	}

	.bannerSwiper .sBox .text .title-2 {
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		font-size: 16px;
		padding-top: 0;
	}

	.bannerSwiper .sBox.center .text .viewmore-3 {
		margin: 20px auto auto;
	}

	.bannerSwiper .btnNext,
	.bannerSwiper .btnPrev,
	.bannerSwiper .bannerBar {
		display: none !important;
	}

	.bannerSwiper {
		height: 300px !important;
	}

	#wapBana .swiper-slide img{
		width: 100%;
		object-fit: cover;
	}

}